<template>
  <div id="app">
    <transition name="fade" mode="out-in">
      <router-view/>
    </transition>
  </div>
</template>

<script>
import storage from './storage'

export default {
  name: 'app',
  components: {
  },
  created () {
    // 从 localStorage 加载登录信息到 vuex
    this.$store.state.user = storage.get('user')
    this.$store.state.admin = storage.get('admin')
    this.$store.state.teacher = storage.get('teacher')
    this.$store.state.student = storage.get('student')
  }
}
</script>

<style>
  body {
    margin: 0px;
    padding: 0px;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
  }
  #app {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
  }
</style>
